<template>
    <div class="box">
        <MyMtHeader titleText="历史记录"/>
        <div class="item-box" v-for="(item,index) in OrderDetailsList" :key="index" >
            <OrderDetailsItem  :item="item"  :flag="true"/>
        </div>
    </div>
</template>

<script>
import MyMtHeader from '../MyMtHeader/MyMtHeader.vue'
import OrderDetailsItem from '../OrderDetailsItem/OrderDetailsItem.vue'
export default {
    components: { MyMtHeader, OrderDetailsItem },
    data(){
        return {
            OrderDetailsList:[
                {
                    "订单金额":73.5,
                    "订单编号":'O2021012600004',
                    "订单时间":"2021-01-26 15:05:30",
                    "订单状态":"订单编辑中",
                    "联系人":"明明白白的小明",
                    "联系人电话":11012341234
                },
                {
                    "订单金额":73.5,
                    "订单编号":'O2021012600004',
                    "订单时间":"2021-01-26 15:05:30",
                    "订单状态":"订单编辑中",
                    "联系人":"明明白白的小明",
                    "联系人电话":11012341234
                },
                {
                    "订单金额":73.5,
                    "订单编号":'O2021012600004',
                    "订单时间":"2021-01-26 15:05:30",
                    "订单状态":"订单编辑中",
                    "联系人":"明明白白的小明",
                    "联系人电话":11012341234
                }
            ]
        }
    }
}
</script>

<style scoped>
.box{
  background: #e7e8e861;
}
</style>